<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入外部css文件 -->
    <link rel="stylesheet" href="css/read.css">


    <!-- 引入矢量图标 -->
    <link rel="stylesheet" href="iconfont/iconfont.css">
    <!-- 共有区域 -->
    <link rel="stylesheet" href="css/common/share/share.css">
    <link rel="stylesheet" href="css/common/header/header.css">
    <link rel="stylesheet" href="css/common/footer/footer.css">

    <!-- 引入外部Js文件 -->
    <script src="js/jquery.3.7.1min.js"></script>
    <script src="js/read.js" defer></script>
</head>

<body>
    <div class="header box">
        <div class="header_top">
            <div class="header_left">
                <a href="">
                    <img src="img/share/header/logo.png" alt="" width="190" height="44">
                    <img src="img/share/header/slogan.png" alt="" width="182" height="44">
                </a>
            </div>
            <div class="head_right">
                <div class="search">
                    <form action="searchFor.html" id="search" method="get" accept-charset="UTF-8">
                        <input type="text" placeholder="请输入书名/作者/主角" name="keyword">
                        <button>搜索</button>
                    </form>
                </div>

                <div>
                    <a href="">
                        <i class="iconfont icon-yonghu"></i>
                        <span>立即登录</span>
                    </a>
                </div>
            </div>
        </div>


        <div class="header_label">
            <div class="">
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="btype.html">分类</a></li>
                    <li><a href="charts.html">排行榜212121</a></li>
                    <li><a href="">征文活动</a></li>
                </ul>
            </div>
            <div class="">
                <ul>
                    <li><a href="">剧本征集</a></li>
                    <li><a href="">作家专区</a></li>
                    <li><a href="">签约政策</a></li>
                    <li><a href="">投稿指南</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="">
        <div class="wrapper">
            <!-- 阅读页面 -->
            <div class="book-detail">
                <!-- 作品 -->
                <div class="book-detail-header">
                    <ul>
                        <li>
                            <a href="index.html" class="crumb-item">首页</a>
                            <i class="iconfont icon-you"></i>
                        </li>
                        <li>
                            <a href="" class="crumb-item">宫闱宅斗</a>
                            <i class="iconfont icon-you"></i>
                        </li>
                        <li>
                            <span class="bookName">玉奴娇</span>
                        </li>
                    </ul>
                    <div class="book-detail-info">
                        <!-- 左边 -->
                        <div class="book-information">
                            <div class="wrap-pic_01">
                                <img src="img/temp.jpg" alt="">
                            </div>
                            <div class="wrap-txt">
                                <div class="wrap-txt-div_01">
                                    <span class="txt">玉奴娇</span>
                                    <span class="score">
                                        9.1
                                        <em>分</em>
                                    </span>
                                </div>
                                <div class="wrap-txt-div_02">
                                    <em class="em_01">完结</em>
                                    <em class="em_02">
                                        <em>签约作品</em>
                                    </em>
                                    <em class="em_03">
                                        <a href="">古代言情</a>
                                    </em>
                                    <em class="em_03">
                                        <a href="">宫闱宅斗</a>
                                    </em>
                                </div>
                                <div class="wrap-txt-div_03">
                                    <span>
                                        作者：
                                        <em>
                                            <a href="">白玉城</a>
                                        </em>
                                    </span>
                                    <span>
                                        主角：
                                        <em>谢蕴</em>
                                        <em>殷稷</em>
                                    </span>
                                </div>
                                <div class="wrap-txt-div_04">
                                    <span>
                                        <em>188.94</em>
                                        万字
                                    </span>
                                    <span>
                                        <span class="line"></span>
                                        <em>0.6</em>
                                        万次阅读
                                    </span>
                                    <span>
                                        <span class="line"></span>
                                        <em>441.7</em>
                                        万积累人气值
                                    </span>
                                </div>
                                <div class="wrap-txt-div_05">
                                    <span>更新至</span>
                                    <span class="update-chapter-title">
                                        <a href="">第911章 人物志</a>
                                    </span>
                                    <span class="update-time">2024-03-10 08:01:16</span>
                                </div>
                                <div class="wrap-txt-div_06">
                                    <a href="">开始阅读</a>
                                    <a href="">加入书架</a>
                                </div>
                            </div>
                        </div>
                        <!-- 右边小窗口 -->
                        <div class="small_Window">
                            <div class="author">
                                <div class="wrap-pic_02">
                                    <a href="">
                                        <img src="img/wrapper/11540.jpg" alt="">
                                    </a>
                                </div>

                                <div class="wrap-info">
                                    <div class="author-name">
                                        <a href="">白玉城</a>
                                    </div>
                                    <a href="" class="author-information-tag">
                                        <div class="author-tag">
                                            <div class="author-tag-pic">
                                                <img src="img/wrapper/tag_writer_5star.png" alt="">
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <ul class="author-works-data-list">
                                <li class="author-works-data-list-item">
                                    <div class="num">
                                        <em>3</em>
                                        本
                                    </div>
                                    <div class="desc">作品总数</div>
                                </li>
                                <li class="author-works-data-list-item">
                                    <div class="num">
                                        <em>280.21</em>
                                        万
                                    </div>
                                    <div class="desc">累计字数</div>
                                </li>
                                <li class="author-works-data-list-item">
                                    <div class="num">
                                        <em>701</em>
                                        天
                                    </div>
                                    <div class="desc">创作天数</div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- 简介及类容 -->
                <div class="book-detail-body">
                    <div class="book-detail-content">
                        <div class="qm-tab">
                            <ul class="qm-tab-list">
                                <li class="qm-tab-list-item">
                                    <div class="tab-inner active">
                                        <span class="special-span_01">作品介绍</span>
                                    </div>
                                </li>
                                <li class="qm-tab-list-item">
                                    <div class="tab-inner">
                                        <span class="special-span_02">作品目录</span>
                                        <span class="sub-txt">911章</span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="tab-content">
                            <div class="l-col">
                                <div class="l-col-txt">
                                    <div class="qm-with-title-th">
                                        <span>简介</span>
                                    </div>
                                    <div class="qm-with-title-tb">
                                        <p>（《玉奴娇》腾讯视频热播同名影视剧原著小说）
                                            谢蕴做了殷稷三年的侍寝女官，已经习惯了他的苛责和冷漠，可新妃入宫之后他却像是变了个人，这时候谢蕴才意识到这个人还是有温情的，只是不肯给她，她的心在日复一日的区别对待里终于凉了下去，既然得不到，又何必强求？
                                            她收拾行囊打算离开，殷稷却慌了……</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="footer_con">
            <ul class="small-link">
                <li>友情链接：</li>
                <li><a href="">七猫免费小说</a></li>
                <li><a href="">纵横中文网</a></li>
                <li><a href="">奇妙小说网</a></li>
                <li><a href="">纵横女生网</a></li>
                <li><a href="">脑洞星球</a></li>
            </ul>
            <ul class="small-link2">
                <li><a href="">关于七猫</a><i></i></li>
                <li><a href="">七猫招聘</a><i></i></li>
                <li><a href="">联系我们</a><i></i></li>
                <li><a href="">我要举报</a><i></i></li>
                <li><a href="">举报工作室</a><i></i></li>
                <li><a href="">隐私协议</a><i></i></li>
                <li><a href="">版权声明</a><i></i></li>
                <li><a href="">我要当作家</a><i></i></li>
                <li><a href="">用户协议</a></li>
            </ul>
            <p class="footer_p1">
                <span>客服电话：400-855-9290</span>
                <span>工作时间：周一至周五9:00-18:00</span>
            </p>
            <p class="footer_p2">
                上海七猫文化传媒有限公司 © 2017 www.qimao.com All rights reserved
                <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">
                    沪ICP备17012825号-6
                </a>
                沪公网安备 31011502010023号
                <a
                    href="https://wap.scjgj.sh.gov.cn/businessCheck/verifKey.do?showType=extShow&serial=9031000020190722152105000004867583-SAIC_SHOW_310000-2020030415053789015&signData=MEQCIEkBkB9iRQU6cFZkvRZxUFL3bfnb79F47g/DlN1cyQz2AiAMvdmNY5e++2nkv9YcqfTuyni81uITxhyu08vw3HgQNA==">
                    <img width="20" height="20" alt="" src="img/share/footer/business_license_pic.jpg"></a> <br>
                出版物经营许可证 新出发沪批字第Y7129号 沪网文 [2023] 1509-106号 沪ICP证：沪B2-20190085
            </p>
            <p class="footer_p3">
                <a href="javascript:void(0)"><img width="110" height="40" alt="上海网警网络举报平台"
                        src="img/share/footer/company_pic1.png"></a>
                <a href="https://www.12377.cn/"><img width="110" height="40" alt="中央网信办不良信息举报中心"
                        src="img/share/footer/company_pic2.png"></a>
                <a href="javascript:void(0)"><img width="110" height="40" alt="网络举报APP下载"
                        src="img/share/footer/company_pic3.png"></a>
                <a href=" http://www.shjbzx.cn/"><img width="110" height="40" alt="上海市互联网违法和不良信息举报中心"
                        src="img/share/footer/company_pic4.png"></a>
                <a href="javascript:void(0)"><img width="110" height="40" alt="企业注册登记信息"
                        src="img/share/footer/company_pic5.png"></a>
            </p>
        </div>
    </div>
</body>

</html>